<div id="page-heading">
      <ol class="breadcrumb">
        <li><a href="<?php echo(url(''));?>">Portada</a></li>
        <li>Joc Net</li>
        <li class="active">Cercador Sortejos</li>
      </ol>
    </div>
    <div class="container">
<div class="row" >
	<div class="col-md-12">
		<div class="box" style="border:none;">
	        <div class="box box-warning col-md-12" >
	        	<div class="box-header col-md-12">
									<i class="ion ion-clipboard"></i>
                                    <h3 class="box-title">Buscador sortejos</h3>
								</div>
								
		       	<dl class="dl-horizontal">
			        <dt>Modificar nom</dt>
				        <dd>A description list is perfect for defining terms.</dd>
				    <dt>Eliminar</dt>
					    <dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
				</dl>
				<div class="col-md-4 search-form">
                	<form class="text-right" action="#">
                		<div class="input-group">                                                            
                         	<input type="text" placeholder="Search" id="campo_busqueda_sorteos" class="form-control input-sm">
                            	<div class="input-group-btn">
                                	<button class="btn btn-sm btn-primary"  ><i class="fa fa-search"></i></button>
                                	<button class="btn btn-sm btn-danger" onclick="borrar_lista('listado_sorteos');" ><i class="fa fa-trash-o"></i></button>
                             	</div>
                	   </div>                                                     
                	</form>
                </div>
				</br></br> 
				<ul class="todo-list col-md-12" id="listado_sorteos" >
				</ul> 
				<div id="test"></div>
			</div><!-- /.box-body -->
		</div><!-- /.box -->
	</div>
</div>

<div class="row" id="editar_sorteo" style="height:1000px; display:none;">
	<div class="col-md-12">
		<div class="box" style="border:none;">
	        <div class="box box-warning col-md-12" >
	        	<div class="box-header col-md-12">
									<i class="ion ion-clipboard"></i>
                                    <h3 class="box-title">Editar Sorteig </h3>
								</div>
								
				<div class="col-md-4 search-form">
                </div>
				</br></br> 
				<ul class="todo-list col-md-12" id="info_sorteo" style="padding-bottom:20px">
				</ul> 
				
			</div><!-- /.box-body -->

		</div><!-- /.box -->
	</div>
</div>


       <div class="modal fade dialog_editar_campo"  tabindex="-1" role="dialog" aria-hidden="true" style="margin-top:5em;">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Editar</h4>
                    </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <div class="input-group">
                                    <span class="input-group-addon" id="nom_camp"></span>
                                    <input name="nou_nom_tipus_curs" id="valor_camp" type="text" class="form-control" >
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer clearfix">
                        	<button type="button" class="btn btn-primary"  id="boton_modificar_campo" ><i ></i>Modificar</button>
                            <button type="button" class="btn btn-danger pull-left" data-dismiss="modal"><i ></i>Descartar</button>
                        </div>
                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->
</div>

<script type="text/javascript">

     var consulta;
                                                                          
     //hacemos focus al campo de búsqueda
     $("#campo_busqueda_sorteos").focus();
                                                                                                    
     //comprobamos si se pulsa una tecla
     $("#campo_busqueda_sorteos").keyup(function(e){
    	 borrar_lista();
        string = $("#campo_busqueda_sorteos").val(); //obtenemos el texto introducido en el campo de búsqueda
		peticion_busqueda_sorteo(string); //hacemos peticion con el valor introducido devolviendo las noticies
   	
	});

     
	function peticion_busqueda_sorteo(nom_noticia){
		
		$.ajax({
		    url: url_base+"sortejos/busqueda_sortejos_per_nom",
		    data: "nom="+string,
		    type: "POST",			      
			    beforeSend: function() {
			    fcf.cargando();	
			}, 
			success: function(data){
					fcf.hidecargando();
					$("#editar_sorteo").hide();
					var noticies = jQuery.parseJSON(data);
					borrar_lista('listado_sorteos');
					$.each(noticies, function (key, value) {
						$("#listado_sorteos").append('<li class="linea_busqueda_sorteo" id="'+value.id+'"onclick="mostrar_info_sorteo(this.id)">'+value.nom+'</li></p>');
					});
		 	}
		});
	}

	function mostrar_info_sorteo(id){
		
		$("#info_sorteo").empty();
		borrar_lista('listado_sorteos');
		$("#editar_sorteo").show();
		
		$.ajax({
		    url: url_base+"sortejos/mostrar_info_sorteig",
		    data: "id_sorteig="+id,
		    type: "POST",			      
			    beforeSend: function() {
			    fcf.cargando();
			}, 
			success: function(data){
					fcf.hidecargando();
					var data = jQuery.parseJSON(data);
					
					$.each( data, function( key, obj ) {
						$("#editar_sorteo").show();
						$("#info_sorteo").append(montar_div_sorteig(obj));
						
					});
		 	}
		});

	}
	
	



	
</script>